<template>
    <div style="height:100%;">
       <vue-particles
        color="#00FFFF"
        :particleOpacity="0.7"
        :particlesNumber="80"
        shapeType="circle"
        :particleSize="4"
        linesColor="#000"
        :linesWidth="1"
        :lineLinked="true"
        :lineOpacity="0.4"
        :linesDistance="80"
        :moveSpeed="2"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="false"
        clickMode="bubble"
      >
      </vue-particles>
    </div>
</template>

<script>
export default {
  name: "VueIndex",
  data() {
    return {
      value: 0,
      height: 0.9 * window.innerHeight
    }
  },
  methods: {
    toRegister() {
      this.$router.push("/register")
    }
  }
}
</script>

<style scoped>
.Car1 {
  margin: 0px;
  background-image: url('@/assets/image/bg.jpg');
  width: 2000px;
  height: 100%;
  background-size: 100% 100%;
  background-attachment: fixed;
}

.name {
  position: absolute;
  font-size: 50px;
  top: 50%;
  right: 30%;
  font-family: '黑体';
  color: ghostwhite;
}

.content {
  width: 76%;
  height: 90%;
}

.All {
  background-color: aliceblue;
}</style>
